<?php
	header("Content-type: text/css");
	require_once("params.php");
?>
	body {
		background-color:#9a0000;
		background-image:url(<?=$dir['images']?>main_bg.jpg);
		background-repeat:no-repeat;
		text-align:center;
		font-family: Verdana,Arial;
	}

	a {
		color:#1F578A;
	}

	br.clearer { clear:both; width:0; height:0; margin:0; }

	sup {
		font-size:5px;
		vertical-align:text-top;
	}

	#header {
		margin:auto;
		width:780px; height:109px;
		background-image:url(<?=$dir['images']?><?=strtolower($app['name'])?>.png);
		background-position:0; background-repeat:no-repeat;
		background-color:#1F578A;
	}
	h1 { display:none; }

	#footer {
		font-size:12px;
	}
	#footer .logo {
		vertical-align:middle;
	}
	#footer a {
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
	#footer a:hover {
		color:#EEE;
	}
	#footer p.w3 a { text-decoration:none; }
	#footer p.w3 a img { border-width:0; }

	#menu {
		margin:20px auto;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}
	#menu ul {
		margin:0 auto;
		width:600px;
		padding:0;
	}
	#menu ul li {
		float:left;
		list-style-type:none;
		width:150px;
		padding:2px 0;
		background-color:#1F578A;
		color:#FFF;
		text-transform:uppercase;
	}
	#menu ul li a {
		text-decoration:none;
		color:#fff;
		padding:0 2px;
	}
	#menu ul li.inactive:hover { text-decoration:line-through; }
	#menu ul li .dash { display:none; }
	#menu ul li.active .dash { display:inline; }
	#menu ul li:hover .dash { display:inline; }

	#pannel {
		margin:30px auto;
		width:780px;
		background-color:#eee;
		padding:0;
	}
	#pannel div { padding:0; }
	#pannel .top div { width:19px; height:19px; }
	#pannel .bottom { height:19px; }
	#pannel .bottom div { width:19px; height:19px; }
	#pannel .left { float:left; }
	#pannel .right { float:right; }
	#pannel .top .left { background-image:url(<?=$dir['images_pannel_edges']?>topleft.gif); }
	#pannel .top .right { background-image:url(<?=$dir['images_pannel_edges']?>topright.gif); }
	#pannel .bottom .left { background-image:url(<?=$dir['images_pannel_edges']?>bottomleft.gif); }
	#pannel .bottom .right { background-image:url(<?=$dir['images_pannel_edges']?>bottomright.gif); }

	h2 {
		margin: 0 0 10px 0;
		text-align:left;
		font-family: Georgia;
		font-size:22px;
		font-style:italic;
		font-weight:normal;
		color:#1f578a;
	}

	#pannel div p.descr {
		margin: 10px 0px;
		text-align:left;
		color:#556;
		font-family: Georgia;
		font-style:italic;
		font-size:12px;
	}
	#pannel div p.descr:first-letter {
		padding-left:25px;
	}

	#content {
		clear:both;
		margin:0;
		padding:0 20px;
		text-align:left;
	}

	/* Home */
	#content.home {
		padding:0 20px;
	}

	/* Rooms */
	#content.rooms {
		padding:0 20px;
	}
	#content.rooms ul.list {
		margin:0;
		/*border:1px solid #444;
		background-color:#ccc;*/
		padding:0 0 10px 0;
	}
	#content.rooms ul.list li {
		margin:0;
		height:20px;
		padding:0;
		list-style-type:none;
		clear:both;
	}
	#content.rooms ul.list li span.players { display:none; }
	#content.rooms ul.list li.header {
		margin: 0 0 10px 0;
		height:20px;
		/*background-color:#444;*/
		padding:2px 0;
		color:#FFF;
	}
	#content.rooms ul.list li.room {
		background-image:url(<?=$dir['images']?>dice5.png);
		background-position:3px 50%;
		background-repeat:no-repeat;
		padding:0 0 0 20px;
		font-size:14px;
	}
	#content.rooms ul.list li.room:hover {
		/*background-color:#cbb;
		border-width:1px 0; border-style:dotted; border-color:#444;
		height:18px;*/
		background-position:5px 50%;
	}
	#content.rooms ul.list li span.name {
		float:left;
		padding-left:5px;
	}
	#content.rooms ul.list li span.players {
		float:right;
		width:150px;
		/*overflow:hidden;*/
		padding:0 5px;
		text-align:center;
	}
	#content.rooms ul.list li a {
		color:#000;
		text-decoration:none;
	}
	/*#content.rooms ul.list li a:hover {
		text-decoration:underline;
	}*/

	/* Register */
	#content.register {
		padding:0 20px;
	}
	#content.register .errors {
		font-size:12px;
	}
	#content.register .errors h3 { display:none; margin:0; }
	#content.register .errors p { margin:5px 0; }
	#content.register .errors ul {
		margin:0;
		padding:0;
	}
	#content.register .errors li {
		color:#911;
		margin-left:30px;
		list-style-type:square;
	}
	#content.register #register {
		margin:15px;
		color:#113;
		font-size:12px;
	}
	#content.register #register td {
		padding:0 5px;
	}
	#content.register #register td.field {
		text-align:right;
	}
	#content.register #register tr.buttons td {
		padding-top:25px;
	}
	#content.register #register input { border: 1px solid #113; }
	#content.register #register select { border: 1px solid #113; }
	#content.register #register tr.error td.field {
		color:#911;
		font-weight:bold;
	}
	#content.register #register tr.error input {
		border-color:#911;
	}
	#content.register #register tr.error select {
		border-color:#911;
	}
	#content.register #register tr.buttons td input {
		border: 1px solid #111;
		color: #111;
		background-color: #ccd;
	}
	#content.register #register tr.buttons td input.cancel {
		border: 1px solid #555;
		color:#555;
	}
	#content.register #register tr.buttons td input.cancel:hover {
		border: 1px solid #111;
		color: #111;
		background-color: #ccd;
	}
	#content.register .created {
		margin-top:25px;
		font-size:12px;
	}

	/* Contact */
	#content.contact {
		padding:0 20px;
	}

	/* Admin */
	#content.admin {
		padding:0 20px;
	}
	#content.admin applet {
		margin-top:10px;
	}

	/* Activation */
	#content.activate {
		padding:0 20px;
	}
	#content.activate {
		font-size:12px;
	}
	#content.activate .errors {
		margin: 20px 0 15px 15px;
		color:#A00;
	}
	#content.activate .form {
		margin:20px 0;
	}
	#content.activate .form .textfield {
		margin: 10px 0 0 20px;
		border: 1px solid #1F578A;
		padding:0 2px;
	}
	#content.activate .form .button {
		border-width:0;
		color:#1F578A;
	}
	#content.activate .actions {
		margin-top:10px;
	}
	#content.activate .actions a {
		color:#1F578A;
		text-decoration:none;
		font-weight:bold;
	}
	#content.activate .actions a:hover {
		text-decoration:underline;
	}

